/* 
    Document   : form
    Created on : Jun 17, 2012, 1:09:49 AM
    Author     : cihan
    Description:
        Purpose of the stylesheet follows.
*/

#wrapper{
    width: 100%;
    margin:0px 0px 5px 0px;

}
#wrapper_10_columns,
#wrapper_20_columns,
#wrapper_30_columns,
#wrapper_40_columns,
#wrapper_50_columns,
#wrapper_60_columns,
#wrapper_70_columns,
#wrapper_80_columns,
#wrapper_90_columns,
#wrapper_100_columns,
#wrapper_1_columns,
#wrapper_2_columns,
#wrapper_2_big_columns,
#wrapper_3_big_columns,
#wrapper_3_columns,
#wrapper_4_columns{
    margin:0px 0px 0px 0px;
    text-align:left;

}
#wrapper_1_columns{width: 100%; }
#wrapper_2_columns{width: 49%; float: left;}
#wrapper_2_big_columns{width: 74%; float: left;}
#wrapper_3_big_columns{width: 66%; float: left;}
#wrapper_3_columns{width: 32.5%; float: left;}
#wrapper_4_columns{width: 24.2%; float: left;}

#wrapper_2_columns_right{width: 49%; float: right;}
#wrapper_2_big_columns_right{width: 74%; float: right;}
#wrapper_3_big_columns_right{width: 66%; float: right;}
#wrapper_3_columns_right{width: 32.5%; float: right;}
#wrapper_4_columns_right{width: 24.2%; float: right;}

#wrapper_10_columns{width:  9%;float: left; margin:0px 0px 0px 5px;}
#wrapper_20_columns{width: 19%;float: left; margin:0px 0px 0px 5px;}
#wrapper_30_columns{width: 29%;float: left; margin:0px 0px 0px 5px;}
#wrapper_40_columns{width: 39%;float: left; margin:0px 0px 0px 5px;}
#wrapper_50_columns{width: 49%;float: left; margin:0px 0px 0px 5px;}
#wrapper_60_columns{width: 59%;float: left; margin:0px 0px 0px 5px;}
#wrapper_70_columns{width: 69%;float: left; margin:0px 0px 0px 5px;}
#wrapper_80_columns{width: 79%;float: left; margin:0px 0px 0px 5px;}
#wrapper_90_columns{width: 89%;float: left; margin:0px 0px 0px 5px;}
#wrapper_100_columns{width: 99%;float: left; margin:0px 0px 0px 5px;}

#wrapper_10_columns_right{width: 10%;float: right;}
#wrapper_20_columns_right{width: 20%;float: right;}
#wrapper_30_columns_right{width: 30%;float: right;}
#wrapper_40_columns_right{width: 40%;float: right;}
#wrapper_50_columns_right{width: 50%;float: right;}
#wrapper_60_columns_right{width: 60%;float: right;}
#wrapper_70_columns_right{width: 70%;float: right;}
#wrapper_80_columns_right{width: 80%;float: right;}
#wrapper_90_columns_right{width: 90%;float: right;}
#wrapper_100_columns_right{width: 100%;float: right;}


#columns_header{height: auto; text-align: center;
                margin: 0px; 
                color: white; font-weight: bold;
                border: 1px solid #002232;
                -moz-border-radius: 10px 10px 0px 0px;
                -webkit-border-radius: 10px 10px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                padding:2px 5px 2px 5px;
                width: auto;
                background: #014464;
                background: -moz-linear-gradient(top, #0272a7, #013953);
                background: -webkit-gradient(linear, 50% 10%, 10% 10%, from(#0272a7), to(#013953));}
#columns_content{
    margin: 0px; 
    color: #014464;
    width: auto;
    height: auto;
    min-height : 150px;
    border:1px solid #777777;
    border-top: none;
    border-bottom: none;
    padding: 20px 2px 10px 2px;
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
}

#columns_footer{height: auto; margin: 0px; 
                color: white;border: 1px solid #002232;
                -moz-border-radius:  0px 0px 10px 10px;
                -webkit-border-radius: 0px 0px 10px 10px ;
                border-radius:  0px 0px 10px 10px;
                text-align: center;
                padding:2px 5px 2px 5px; width: auto;
                background: #014464;background: -moz-linear-gradient(top, #0272a7, #013953);
                background: -webkit-gradient(linear, 50% 10%, 10% 10%, from(#0272a7), to(#013953));}
#float_left{float: left;}
#loat_right{float: right;}
#wrapper_clear_left{clear: left;}
#wrapper_clear_right{clear: right;}
#wrapper_clear_both{clear: both;}
#wrapper_clear_none{clear: none;}

.greybox200 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:200px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.greybox200:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:200px;
}
.greyboxAuto {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 5px 4px 5px;
    padding:4px 6px 4px 6px;
    width:auto;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.greyboxAuto:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:auto;
}
.greyboxAutoTable {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    padding:0px 6px 0px 6px;
    width:auto;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.greyboxAutoTable:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:auto;
}
.greybox100 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:100px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.greybox100:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:100px;
}
.greybox300 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:300px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.greybox300:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:100px;
}
.greybox400 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:300px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.greybox400:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:400px;
}
.greybox500 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:500px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.greybox500:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:500px;
}
.greybox600 {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:600px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.greybox600:hover {
    text-decoration: none;
    background:#ffffff;
    color:#161616;
    width:600px;
}
.linkDecoration{
    text-decoration: none;
    color: #014464;
}
.greyboxLink {
    text-decoration: none;
    background:#F4F4F4;
    border:1px solid #014464;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
    color: #014464;
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.greyboxLink:hover {
    text-decoration: none;
    background:#ffffff;
    border:2px solid #014464;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
    color:#161616;
    min-width: 150px;
}
.textAlignRight {
    text-align: right;
}
.textAlignLeft {
    text-align: left;
}
.textAlignCenter {
    text-align: center;
}
#border_none{
    border:none;
}
#border_top{
    border-top: 1px solid #777777;
}
#border_left{
    border-left: 1px solid #777777;
}
#border_right{
    border-right: 1px solid #777777;
}
#border_bottom{
    border-bottom: 1px solid #777777;
}
.input200{
    width: 200px;
}
.input180{
    width: 180px;
}
.input255{
    width: 255px;
}
div.ui-datepicker{
    font-size:12px!important;

} 
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clearBoth {
    clear: both;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}


/* prime theme*/

#columns_content .ui-widget {
    border: none;
}
#columns_content .ui-widget .ui-widget-header {
    color: white;border: none;
    background:url(./resources/images/main_bg.png);

}
#columns_content .ui-widget .ui-widget-content {
    background:url(./resources/images/main_bg.png);
}
#columns_content .ui-widget .ui-filter-column {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
#columns_content .ui-datatable th  {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
#columns_content .ui-datatable tr td  {
    color: #014464;
}
#columns_content .ui-datatable tr td a {
    color: #014464;
}
#prime{
    
}
#prime .ui-widget {
    border: none;
}
#prime .ui-widget .ui-widget-header {
    color: white;border: none;
    background:url(./resources/images/main_bg.png);

}
#prime .ui-widget .ui-widget-content {
    background:url(./resources/images/main_bg.png);
}
#prime .ui-widget .ui-state-default {
    background:url(./resources/images/main_bg.png);
    color: black;
}

.ui-widget {
    border: none;
}
.ui-widget .ui-widget-header {
    color: white;border: none;
    background: #014464;background: -moz-linear-gradient(top, #0272a7, #013953);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

}
.ui-widget .ui-widget-content {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
 .ui-widget .ui-filter-column {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
.ui-datatable .ui-paginator {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
 .ui-datatable th  {
    background:url(./resources/images/main_bg.png);
    color: #014464;
}
 .ui-datatable tr td  {
    color: #014464;
}
 .ui-datatable tr td a {
    color: #014464;
}